<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>用户管理</title>
    <link rel="stylesheet" type="text/css" href="js/lib/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="js/lib/bootstrap/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/module.css">
</head>

<body>
    <div class="wrap">
        <!-- 头部页面 -->
        <header>
            <div class="container">
                <div class="logo">
                    <img src="images/logo.png">
                    <div class="title">
                        <h1>厦门水务生产调度系统</h1>
                        <h3>湖边水库管理所</h3>
                    </div>
                </div>
                <div class="state-message">
                    <div class="nav">
                        <ul>
                            <li ><a href="index.html">实时监控</a></li>
                            <li><a href="event.html">事件管理</a></li>
                            <li><a href="danger.html">危险管控</a></li>
                            <li><a href="people.html">人员调度</a></li>
                            <li><a href="facilities.html">设施管理</a></li>
                            <li><a href="message.html">信息管理</a></li>
                            <li><a class="active">用户管理</a></li>
                            <li><a>关于我们</a></li>
                        </ul>
                    </div>
                    <div class="user-message">
                        <div class="dropdown clearfix">
                            <p type="button" id="dropdownMenuDivider" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                张小龙
                                <span class="skuiwu-caret caret"></span>
                            </p>
                            <ul class="skuiwu-menu  dropdown-menu" aria-labelledby="dropdownMenuDivider">
                                <li><a href="#">个人中心</a></li>
                                <li><a href="#">退出登录</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!--内容页面 -->
        <div class="user-content content">
            <div class="container">
                <div class="add-user">
                    <div class="search-input">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="请输入关键字" aria-describedby="basic-addon2">
                            <span class="input-group-addon" id="basic-addon2"><img src="images/search.png"></span>
                        </div>
                    </div>
                    <div class="add-btn">
                        <button class=" btn" data-toggle="modal" data-target="#add-userModal">新增账号</button>
                    </div>
                </div>
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <tr>
                            <th>序号</th>
                            <th>类型</th>
                            <th>账号</th>
                            <th>姓名</th>
                            <th>手机号</th>
                            <th>所属部门</th>
                            <th>授权码</th>
                            <th>操作</th>
                        </tr>
                        <tr>
                            <td>
                                <label>1</label>
                            </td>
                            <td>
                                <span>系统用户</span>
                            </td>
                            <td>
                                <span>test1</span>
                            </td>
                            <td>
                                <span>张小龙</span>
                            </td>
                            <td>
                                <span>1561321234132</span>
                            </td>
                            <td>
                                <span>湖边水库管里所</span>
                            </td>
                            <td>
                                <span>-----</span>
                            </td>
                            <td class="user-edit">
                                <a class="" data-toggle="modal" data-target="#edit-userModal">编辑</a>
                                <a class="" data-toggle="modal" data-target="#delete-userModal">删除</a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label>1</label>
                            </td>
                            <td>
                                <span>系统用户</span>
                            </td>
                            <td>
                                <span>test1</span>
                            </td>
                            <td>
                                <span>张小龙</span>
                            </td>
                            <td>
                                <span>1561321234132</span>
                            </td>
                            <td>
                                <span>湖边水库管里所</span>
                            </td>
                            <td>
                                <span>-----</span>
                            </td>
                            <td class="user-edit">
                                <a class="">编辑</a>
                                <a class="">删除</a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label>1</label>
                            </td>
                            <td>
                                <span>系统用户</span>
                            </td>
                            <td>
                                <span>test1</span>
                            </td>
                            <td>
                                <span>张小龙</span>
                            </td>
                            <td>
                                <span>1561321234132</span>
                            </td>
                            <td>
                                <span>湖边水库管里所</span>
                            </td>
                            <td>
                                <span>-----</span>
                            </td>
                            <td class="user-edit">
                                <a class="">编辑</a>
                                <a class="">删除</a>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <!-- Modal -->
            <div class="modal fade" id="add-userModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            <h4 class="modal-title" id="myModalLabel">新增账号</h4>
                        </div>
                        <div class="modal-body m-body">
                            <div class="input-group">
                                <label><span>类型:</span></label>
                                <select class="form-control" id="">
                                    <option>系统用户</option>
                                    <option>APP用户</option>
                                </select>
                            </div>
                            <div class="input-group">
                                <label><span>账号:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="input-group ">
                                <label><span>姓名:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="input-group ">
                                <label><span>性别:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="input-group">
                                <label><span>手机号:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="input-group">
                                <label><span>所属部门:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="remark-input input-group">
                                <label><span>备注:</span></label>
                                <textarea class="form-control" type="text" id=""></textarea>
                            </div>
                            <div class="checkbox-input input-group">
                                <label>
                                    <input type="checkbox">编辑权限</label>
                                <label>
                                    <input type="checkbox">启用</label>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn ensure-btn" id="add-user">确定</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="delete-userModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            <h4 class="modal-title" id="myModalLabel">提示信息</h4>
                        </div>
                        <div class="modal-body ">
                            <p>您确认要删除吗？</p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn ensure-btn" id="add-user">确定</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="edit-userModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            <h4 class="modal-title" id="myModalLabel">编辑账号</h4>
                        </div>
                        <div class="modal-body m-body">
                            <div class="input-group">
                                <label><span>类型:</span></label>
                                <select class="form-control" id="" disabled="disabled">
                                    <option value="系统用户">系统用户</option>
                                </select>
                            </div>
                            <div class="input-group">
                                <label><span>账号:</span></label>
                                <input class="form-control" type="text" id="" disabled="disabled" value="test1">
                            </div>
                            <div class="input-group ">
                                <label><span>姓名:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="input-group ">
                                <label><span>性别:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="input-group">
                                <label><span>手机号:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="input-group">
                                <label><span>所属部门:</span></label>
                                <input class="form-control" type="text" id="">
                            </div>
                            <div class="remark-input input-group">
                                <label><span>备注:</span></label>
                                <textarea class="form-control" type="text" id=""></textarea>
                            </div>
                            <div class="checkbox-input input-group">
                                <label>
                                    <input type="checkbox">编辑权限</label>
                                <label>
                                    <input type="checkbox">启用</label>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn ensure-btn" id="add-user">确定</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="js/lib/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</body>

</html>
